<template>
  <section class="layout full row">
    <work-menu class="work-menu"></work-menu>
    <div class="col-span  rightHeight" style="overflow-y:auto">
      <work-header class="work-header" />
      <transition name="fade-transform" mode="out-in">
        <router-view />
      </transition>
    </div>
  </section>
</template>

<script lang="ts">
import Vue from "vue";
import Component from "vue-class-component";
import { State, namespace } from "vuex-class";
import WorkHeader from "~/components/workspace/work-header.vue";
import WorkMenu from "~/components/workspace/work-menu.vue";

@Component({
  components: {
    WorkHeader,
    WorkMenu
  }
})
export default class WorkSpaceLayout extends Vue { }
</script>


<style lang="less" scoped>
.layout {
  .rightHeight {
    max-height: 100%;
  }
  .work-header {
    flex-basis: 60px;
  }
}
</style>
<style lang="less" scoped>
.el-card__body {
  padding: 0 !important;
}
</style>
